<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页1</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/xiangqingye1.css">
    <script src="js/node_modules/jquery/dist/jquery.js"></script>
    <script src="js/mycookie.js"></script>
    <script src="js/xiangqingye1.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <script src="js/jquery.lazyload.min.js"></script>
</head>
<body>
<!--top-->
<div id="top-wrap">
    <div class="top">
        <div class="left">
    <span class="les">
        <i class="iconfont si">&#xe625;</i><a href="#" class="sa">掌上新蛋</a>
    </span>
            <span class="les">
        <i class="iconfont si">&#xe603;</i><a href="#" class="sa">企业团购</a>
    </span>
        </div>
        <div class="right">
            <ul class="r-left">
                <li><a href="#">注册</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#" class="welcome">欢迎来新蛋购物！</a></li>
            </ul>
            <ul class="r-right">
                <li>
                    <span class="hide1">请 <a href="#" class="hidea">登录</a> 后查询</span>
                    <a href="#" class="rra"><span class="ras">我的订单</span><i class="iconfont rai">&#xe60a;</i></a></li>
                <li><a href="#">我的新蛋</a></li>
                <li><a href="#">帮助中心</a></li>
                <li>
            <span class="hide2">
                <b class="hb1">400-820-4400</b>
                <b class="hb2">021-67072999</b>
                <b class="hb3">每天9:00-18:00</b>
                <a href="#" class="ha1">在线咨询</a>
                <a href="#" class="ha1">邮件我们</a>
    </span>
                    <a href="#" class="rra"><span class="ras">客户服务</span><i class="iconfont rai">&#xe60a;</i></a></li>
            </ul>
        </div>
    </div>
</div>

<!--header-->
<div id="header-wrap">
    <div class="header">
        <div class="logo">
            <h1><a href="#">欢迎来到新蛋购物！</a></h1>
        </div>
        <div class="search">
            <div class="s-top">
                <input type="text" class="txt" placeholder="苹果最高满减899元！"/>
                <input type="button" class="btn" value="搜索"/>
            </div>
            <div class="s-bottom">
                <ul class="clear">
                    <li><a href="#">移动硬盘</a></li>
                    <li><a href="#">iphone7</a></li>
                    <li><a href="#">mate9</a></li>
                    <li><a href="#">Thinkpad</a></li>
                    <li><a href="#">电视机</a></li>
                </ul>
            </div>
        </div>
        <div class="seven"><a href="#"></a></div>
    </div>
</div>

<!--nav-->
<div id="nav-wrap">
    <div class="nav">
        <div class="n-left">
            <a href="#" class="na"><span class="nls">全部商品分类</span><i class="iconfont nai">&#xe60a;</i></a>
        </div>
        <div class="n-middle">
            <ul class="clear">
                <li><span class="sbg"></span><a href="#">首页</a></li>
                <li><span class="sbg"></span><a href="#">限时抢购</a></li>
                <li><span class="sbg"></span><a href="#">团团赚</a></li>
                <li><span class="sbg"></span><a href="#">海外直购</a></li>
                <li><span class="sbg"></span><a href="#">MOPS专区</a></li>
                <li><span class="sbg"></span><a href="#">爱车配</a></li>
                <li><span class="sbg"></span><a href="#">二手宝库</a></li>
            </ul>
        </div>
        <div class="n-right">
            <a href="#" class="nra">购物车<span class="as">0</span>件</a>
            <a href="#" class="nra">收藏提醒</a>
            <span class="nrs"></span>
        </div>
    </div>
</div>

<!--ul-->
<div id="ul-wrap">
    <div class="ul">
        <ul class="main-top">
            <li class="matopli">商品详情</li>
            <li class="matopli">用户评价</li>
            <li class="matopli">具体参数</li>
            <li class="matopli">售后服务</li>
            <li class="matopli">商品咨询</li>
        </ul>
    </div>
</div>

<!--main-->
<div id="main-wrap">
    <div class="main">
        <div class="middle">
            <ul class="middle-left">
                <li class="mlli show"></li>
                <li class="mlli"></li>
                <li class="mlli"></li>
                <li class="mlli"></li>
            </ul>
            <div class="middle-right">
                <h3>兰芝新款睡眠面膜70ml</h3>
                <span>品 牌: 兰芝</span>
                <span class="money"><span>抢购价:</span><h1>￥136.00</h1></span>
                <span>产品型号: 1920</span>
                <span>商品支持: 不支持无理由退</span>
                <b>
                    <span>数量: </span>
                    <input type="button" value="-" class="jian" />
                    <input type="text" class="num" value="1"/>
                    <input type="button"  value="+" class="plus">
                </b>
                <button class="incar" data-num="0">加入购物车</button>
            </div>
            <ul class="main-bottom">
                <li class="small hover"></li>
                <li class="small"></li>
                <li class="small"></li>
                <li class="small"></li>
            </ul>
        </div>
    </div>
</div>

<!--picture-->
<div id="picture-wrap">
    <div class="picture">
    <h2>兰芝新款睡眠面膜70ml</h2>
    <span class="pictop">产品概述</span>
    <span class="tabtop">规格</span>
    <table cellspacing=0 cellpadding=0>
        <tr>
            <td>品牌</td>
            <td>兰芝/laneige</td>
        </tr>
        <tr>
            <td>规格</td>
            <td>70ml</td>
        </tr>
    </table>
    <p class="tabdown">保税仓发货 兰芝 新款面膜70ml</p>
        <img class="lazy" data-original="images/xq1_01.png" />
        <img class="lazy" data-original="images/xq1_02.png" />
        <img class="lazy" data-original="images/xq1_03.png" />
        <img class="lazy" data-original="images/xq1_04.png" />
    </div>
</div>


<!--foot-->
<div id="foot-wrap">
    <div class="foot">
        <div class="foot-bottom">
            <div class="fb">
                <p class="fbp">新手上路</p>
                <ul class="fbul">
                    <li class="fbli"><a href="#">怎样购物</a></li>
                    <li class="fbli"><a href="#">支付常见问题</a></li>
                    <li class="fbli"><a href="#">免运费政策</a></li>
                    <li class="fbli"><a href="#">发票需知</a></li>
                    <li class="fbli"><a href="#">签收验货流程</a></li>
                    <li class="fbli"><a href="#">用户评论/咨询</a></li>
                    <li class="fbli"><a href="#">大件商品订购流程</a></li>
                </ul>
            </div>
            <div class="fb">
                <p class="fbp">售后服务</p>
                <ul class="fbul">
                    <li class="fbli"><a href="#">退换货政策</a></li>
                    <li class="fbli"><a href="#">订单查询</a></li>
                    <li class="fbli"><a href="#">售后申请</a></li>
                </ul>
            </div>
            <div class="fb">
                <p class="fbp">特色服务</p>
                <ul class="fbul">
                    <li class="fbli"><a href="#">关于会员制</a></li>
                    <li class="fbli"><a href="#">价格保护</a></li>
                </ul>
            </div>
            <div class="fb">
                <p class="fbp">申请合作</p>
                <ul class="fbul">
                    <li class="fbli"><a href="#">申请称为供应商</a></li>
                    <li class="fbli"><a href="#">申请入驻开放平台</a></li>
                    <li class="fbli"><a href="#">友情合作</a></li>
                    <li class="fbli"><a href="#">网站联盟</a></li>
                    <li class="fbli"><a href="#">企业客户</a></li>
                </ul>
            </div>
            <div class="fb">
                <p class="fbp">关于我们</p>
                <ul class="fbul">
                    <li class="fbli"><a href="#">新蛋集团</a></li>
                    <li class="fbli"><a href="#">联系我们</a></li>
                    <li class="fbli"><a href="#">诚聘精英</a></li>
                </ul>
            </div>
        </div>
        <div class="ffoot">
            <ul class="fful">
                <li class="ffli"><img src="images/f1.gif" /></li>
                <li class="ffli"><img src="images/f2.gif" /></li>
                <li class="ffli"><img src="images/f3.gif" /></li>
                <li class="ffli"><img src="images/f4.gif" /></li>
                <li class="ffli"><img src="images/f5.gif" /></li>
            </ul>
            <p class="ffp">
                <span class="ffps">新蛋集团网站：</span>
                <a href="" class="ffpa">美国新蛋</a>
                <a href="" class="ffpa">中国新蛋</a>
                <a href="" class="ffpa">加拿大新蛋</a>
                <a href="" class="ffpa">新蛋软件</a>
            </p>
            <p class="ffp2">
                &copy; 2001-2017 新蛋商贸（上海）有限公司 版权所有 沪ICP备：16033615
            </p>
        </div>
    </div>
</div>
</body>
</html>